<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <!-- 头部 -->
    <header>
        <div class="head-top">
            <div class="head-left">
                <img src="./images/logo.webp" alt="">
            </div>
            <div class="head-right">
                <span class="iconfont ic_search_tab"></span>
                <a href="#">登录</a>
                <img src="./images/download.png" alt="">
            </div>
        </div>
        <!-- 导航栏 -->
        <div class="head-by">
            <ul class="nav">
                <li><a href="#">首页</a></li>
                <li><a href="#">动画</a></li>
                <li><a href="#">番剧</a></li>
                <li><a href="#">国创</a></li>
                <li><a href="#">音乐</a></li>
                <li><a href="#">舞蹈</a></li>
                <li><a href="#">游戏</a></li>
                <li><a href="#">知识</a></li>
                <li><a href="#">科技</a></li>
                <li><a href="#">运动</a></li>
                <li><a href="#">汽车</a></li>
                <li><a href="#">生活</a></li>
                <span class="iconfont general_pulldown_s"></span>
            </ul>
        </div>

    </header>
    
    <!-- main -->
    <div class="main">
        <ul>
            <li>
                <div class="item-img">
                    <img src="./images/2.jpg" alt="">
                    <div class="item-info">
                        <p><span class="icon_shipin_bofangshu iconfont"></span>48.7万</p>
                        <p><span class="iconfont icon_shipin_danmushu"></span>2892</p>
                    </div>
                </div>
                <p class="item-title">我好爱学习，我好爱学习，我好爱学习，我好爱学习，爱学习</p>
            </li>
            <li>
                <div class="item-img">
                    <img src="./images/2.jpg" alt="">
                    <div class="item-info">
                        <p><span class="icon_shipin_bofangshu iconfont"></span>48.7万</p>
                        <p><span class="iconfont icon_shipin_danmushu"></span>2892</p>
                    </div>
                </div>
                <p class="item-title">我好爱学习，我好爱学习，我好爱学习，我好爱学习，爱学习</p>
            </li>
            <li>
                <div class="item-img">
                    <img src="./images/2.jpg" alt="">
                    <div class="item-info">
                        <p><span class="icon_shipin_bofangshu iconfont"></span>48.7万</p>
                        <p><span class="iconfont icon_shipin_danmushu"></span>2892</p>
                    </div>
                </div>
                <p class="item-title">我好爱学习，我好爱学习，我好爱学习，我好爱学习，爱学习</p>
            </li>
            <li>
                <div class="item-img">
                    <img src="./images/2.jpg" alt="">
                    <div class="item-info">
                        <p><span class="icon_shipin_bofangshu iconfont"></span>48.7万</p>
                        <p><span class="iconfont icon_shipin_danmushu"></span>2892</p>
                    </div>
                </div>
                <p class="item-title">我好爱学习，我好爱学习，我好爱学习，我好爱学习，爱学习</p>
            </li>
            <li>
                <div class="item-img">
                    <img src="./images/2.jpg" alt="">
                    <div class="item-info">
                        <p><span class="icon_shipin_bofangshu iconfont"></span>48.7万</p>
                        <p><span class="iconfont icon_shipin_danmushu"></span>2892</p>
                    </div>
                </div>
                <p class="item-title">我好爱学习，我好爱学习，我好爱学习，我好爱学习，爱学习</p>
            </li>
            <li>
                <div class="item-img">
                    <img src="./images/2.jpg" alt="">
                    <div class="item-info">
                        <p><span class="icon_shipin_bofangshu iconfont"></span>48.7万</p>
                        <p><span class="iconfont icon_shipin_danmushu"></span>2892</p>
                    </div>
                </div>
                <p class="item-title">我好爱学习，我好爱学习，我好爱学习，我好爱学习，爱学习</p>
            </li>
            <li>
                <div class="item-img">
                    <img src="./images/2.jpg" alt="">
                    <div class="item-info">
                        <p><span class="icon_shipin_bofangshu iconfont"></span>48.7万</p>
                        <p><span class="iconfont icon_shipin_danmushu"></span>2892</p>
                    </div>
                </div>
                <p class="item-title">我好爱学习，我好爱学习，我好爱学习，我好爱学习，爱学习</p>
            </li>
            <li>
                <div class="item-img">
                    <img src="./images/2.jpg" alt="">
                    <div class="item-info">
                        <p><span class="icon_shipin_bofangshu iconfont"></span>48.7万</p>
                        <p><span class="iconfont icon_shipin_danmushu"></span>2892</p>
                    </div>
                </div>
                <p class="item-title">我好爱学习，我好爱学习，我好爱学习，我好爱学习，爱学习</p>
            </li>
            <li>
                <div class="item-img">
                    <img src="./images/2.jpg" alt="">
                    <div class="item-info">
                        <p><span class="icon_shipin_bofangshu iconfont"></span>48.7万</p>
                        <p><span class="iconfont icon_shipin_danmushu"></span>2892</p>
                    </div>
                </div>
                <p class="item-title">我好爱学习，我好爱学习，我好爱学习，我好爱学习，爱学习</p>
            </li>
            <li>
                <div class="item-img">
                    <img src="./images/2.jpg" alt="">
                    <div class="item-info">
                        <p><span class="icon_shipin_bofangshu iconfont"></span>48.7万</p>
                        <p><span class="iconfont icon_shipin_danmushu"></span>2892</p>
                    </div>
                </div>
                <p class="item-title">我好爱学习，我好爱学习，我好爱学习，我好爱学习，爱学习</p>
            </li>
            <li>
                <div class="item-img">
                    <img src="./images/2.jpg" alt="">
                    <div class="item-info">
                        <p><span class="icon_shipin_bofangshu iconfont"></span>48.7万</p>
                        <p><span class="iconfont icon_shipin_danmushu"></span>2892</p>
                    </div>
                </div>
                <p class="item-title">我好爱学习，我好爱学习，我好爱学习，我好爱学习，爱学习</p>
            </li>
            <li>
                <div class="item-img">
                    <img src="./images/2.jpg" alt="">
                    <div class="item-info">
                        <p><span class="icon_shipin_bofangshu iconfont"></span>48.7万</p>
                        <p><span class="iconfont icon_shipin_danmushu"></span>2892</p>
                    </div>
                </div>
                <p class="item-title">我好爱学习，我好爱学习，我好爱学习，我好爱学习，爱学习</p>
            </li>
            <li>
                <div class="item-img">
                    <img src="./images/2.jpg" alt="">
                    <div class="item-info">
                        <p><span class="icon_shipin_bofangshu iconfont"></span>48.7万</p>
                        <p><span class="iconfont icon_shipin_danmushu"></span>2892</p>
                    </div>
                </div>
                <p class="item-title">我好爱学习，我好爱学习，我好爱学习，我好爱学习，爱学习</p>
            </li>
            <li>
                <div class="item-img">
                    <img src="./images/2.jpg" alt="">
                    <div class="item-info">
                        <p><span class="icon_shipin_bofangshu iconfont"></span>48.7万</p>
                        <p><span class="iconfont icon_shipin_danmushu"></span>2892</p>
                    </div>
                </div>
                <p class="item-title">我好爱学习，我好爱学习，我好爱学习，我好爱学习，爱学习</p>
            </li>
        </ul>
    </div>
    

    <!-- 下载 -->
     <footer>
        <span class="iconfont Navbar_logo"></span>打开APP,看你感兴趣的视频
     </footer>
</body>
</html>